<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{if isset($data.seo_title) && $data.seo_title !==''}{$data.seo_title}{elseif isset($data_seo.seo_title) &&  $data_seo.seo_title !==''/}{$data_seo.seo_title}{else /}{/if}</title>
    <meta charset="UTF-8" name="keywords" content="{if isset($data.seo_keywords) && $data.seo_keywords !==''}{$data.seo_keywords}{elseif isset($data_seo.seo_keywords) &&  $data_seo.seo_keywords !==''}{$data_seo.seo_keywords}{else /}{/if}">
    <meta charst="UTF-8" name="description" content="{if isset($data.seo_description) && $data.seo_description !==''}{$data.seo_description}{elseif isset($data_seo.seo_description) &&  $data_seo.seo_description !==''}{$data_seo.seo_description}{else /}{/if}">
    <link rel="stylesheet" href="/static/home2/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/home2/css/swiper-3.4.2.min.css">
    <style type="text/css">
        @font-face {
            font-family: "YourFont";
            src: url(/static/home2/img/DINMittelschrift.otf);
        }
        @font-face {
            font-family: "YourFont1";
            src: url(/static/home2/img/343DD8_0_0.woff2.ttf);
        }
        @font-face {
            font-family: "YourFont2";
            src: url(/static/home2/img/DINMittelschrift-Alternate.otf);
        }
        .customfont {
            font-family: "YourFont", Helvetica, Arial;
        }
        .customfont1{
            font-family: "YourFont1", Helvetica, Arial;
        }
        .customfont2{
            font-family: "YourFont2", Helvetica, Arial;
        }
        .swiper-pagination-bullet{background: #FFFFFF;}
    </style>
</head>
<body>
<div class="top">
    <div class="top-1">
        波西米亚集团首页
        <img class="top-jiantou" src="/static/home2/img/zuojt.png" alt="">
    </div>
    <img class="dnqdn" src="/static/home2/img/dnqdn.png" alt="">

    <div class="top-2">
        400-0731-281
    </div>
    <img class="tubiao" src="/static/home2/img/tubiao.png" alt="">
</div>
<div class="nav">
    <div class="nav-1">
        <img src="/static/home2/img/wzrwyg.png" alt="">
    </div>
    <div class="nav-2">

        <p class="nav-2-1">
            <a href="/">
                <span class="nav-2-1-1">首页</span>
                <span class="nav-2-1-2">/ HOME</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/zphome ">
                <span class="nav-2-1-1 ">样片</span>
                <span class="nav-2-1-2 ">/ WORKS</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/kephome/">
                <span class="nav-2-1-1 ">客片</span>
                <span class="nav-2-1-2 ">/ SHOW</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/zxhome">
                <span class="nav-2-1-1 ">最新发布 </span>
                <span class="nav-2-1-2 ">/ NEWS</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/brand">
                <span class="nav-2-1-1 " >品牌</span>
                <span class="nav-2-1-2 ">/ BRAND</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/index.php/contactus">
                <span class="nav-2-1-1 ">联系</span>
                <span class="nav-2-1-2 ">/ CONTACT</span>
            </a>
        </p>
        <p class="nav-2-1">
            <a href="/">
                <span class="nav-2-1-1">自助报价</span>
                <span class="nav-2-1-2">/ OFFER</span>
            </a>
        </p>
    </div>
</div>
<div class="spzx" style="padding-bottom:70px;padding-top: 70px;border-top:1px solid #E5E5E5">
    <div class="spzx-1">
        <a href="javascript:void(0);" onclick="classid()" style="color: #000;">
            <div class="spzx-1-1  {if $Think.session.video_id eq 0}xuanz{/if}" >
            全部
        </div></a>
        {volist name="data_class" id="v"}
        <a href="javascript:void(0);" onclick="classid({$v.class_id})" style="color: #000;">
        <div class="spzx-1-1 {if $Think.session.video_id eq $v.class_id}xuanz{/if}" >
            {$v.name}
        </div>
        </a>
        {/volist}
    </div>

    <div class="spzx-2" style="margin-top: 80px">
        {volist name="data_video" id="v"}
        <div class="spzx-2-1">
            <div class="spzx-2-1-1">
                {$v.name}
            </div>
            <div class="spzx-2-1-2">
                <div class="spzx-2-1-2-1">
                    <div class="spzx-2-1-2-1-1">
                        {$v.title}
                    </div>
                    <div class="spzx-2-1-2-1-2">
                        {$v.seo_description}
                    </div>
                </div>
                <div class="spzx-2-1-2-2">
                    {$v.create_time|date="m".'月'.'d'."日",###}
                </div>
            </div>
            <div class="spzx-2-1-3">
                <video controls id ="imgupload2" height="600" poster="{$v.video_img}" width="1080">
                    <source src="{if isset($data_video)}{$v.video_url}{/if}" type="video/mp4" data-filtered="filtered"> </video>
                <!--<video   controls id ="imgupload2"  width="1080" height="600"  src="{if isset($data_video)}{$v.video_url}{/if}"></video>-->
            </div>
            <div class="spzx-2-1-4">
                已播放 {$v.click} 次
            </div>
        </div>
        {/volist}
    </div>
    <div class="fyb">
        <div class="fyb-more">查看更多</div>
    </div>

</div>


<div class="banner">
    <img class="banner-1" src="{$data_bannerfont['banner_img']}" alt="">
</div>
{include file="public/foot"}

<script>
    function classid(id) {
        if(id){
            window.location.href="/index.php/video/index?id="+id;
        }else {
            window.location.href="/index.php/video/index";
        }

    }
    $(".xtu1").click(function(){
        $(".dtu1").addClass("xianshi")
        $(".dtu1").siblings().removeClass("xianshi")
    })
    $(".xtu2").click(function(){
        $(".dtu2").addClass("xianshi")
        $(".dtu2").siblings().removeClass("xianshi")
    })
    $(".xtu3").click(function(){
        $(".dtu3").addClass("xianshi")
        $(".dtu3").siblings().removeClass("xianshi")
    })
    $(".xtu4").click(function(){
        $(".dtu4").addClass("xianshi")
        $(".dtu4").siblings().removeClass("xianshi")
    })
    $(".fyb-nn").click(function(){
        $(this).addClass("xzhs")
        $(this).siblings().removeClass("xzhs")
    })
</script>
<script>
    var mySwiper = new Swiper ('.lbt1', {
        direction: 'horizontal',
        noSwiping : true,
        loop: true,
        speed:1000,
        autoplay : {delay:3000},
        pagination: {el: '.xyd1',},
        navigation: {prevEl: '.lft1',nextEl: '.rit1',}
    })

</script>
</html>